<template>
	<view>
		<view class="UserInfo-box">
			<view class="UserInfo">
				<view class="left">
					<view class="avatar-Image" @click="itmeTap" data-tap="setAvatar">
						<image class="Image" :src="avatar"  mode="widthFix"></image>
					</view>
				</view>
				<view class="conter">
					<view class="Top">
						<view class="UserName" @click="itmeTap" data-tap="setNickname">
							<text class="UserName-text">{{nickname}}</text>
						</view>
					</view>
					<view class="Bottom">
						<view class="User-tvkanci">
							<text class="User-tvkanci-text">观影次数：无限制</text>
						</view>
					</view>
				</view>
				<view class="right"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import MixinsItemTap from '@/pages/TabBar/user/components/mixins/itemTap.js'
	export default {
		mixins:[MixinsItemTap],
		props:{
			// 用户信息
			UserInfoData:{
				type:Object,
			},
			// 头像
			avatar:{
				type:String,
				default:''
			},
			// 昵称
			nickname:{
				type:String,
				default:''
			}
		},
		name:"UserInfo",
		data() {
			return {
				
			};
		},
		watch:{
			
		},
		methods:{
			
		}
		
	}
</script>

<style lang="scss" scoped>
	@import './UserInfo.scss';
</style>
